Ext.define('HelloWorld.view.View', {
	extend: 'Ext.Panel',
	config: {
		html: 'Welcome to my view',
		fullscreen: true,
		name: "First View",
		border: 0,
		items: [
			{
				xtype: 'button',
				text: '+',
				id: 'increased'
			},
			{
				xtype: 'button',
				text: '-',
				id: 'decreased'
			}
		]
	},
	initialize: function(){
		console.log(this.getName() + " is created");
	},
	applyBorder: function(value){
		return value;
	},
	updateBorder: function(newBorder, oldBorder){
		/* console.log(newBorder);
		console.log(oldBorder); */
		var temp = newBorder+"px solid red";
		console.log(temp);
		this.element.setStyle('border',temp);
	}
	
});